<style>
.fui-comment-group .fui-cell .comment .info .star .shine {
    color: {{main.syscolor || 'red'}};
}
.fui-comment-group .fui-cell .comment .info .star .icon{
    font-size: 0.7rem;
}
.img .playbtn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
	padding-top:0.8rem;
    text-align: center;
    color: #fff;
}
</style>
<div class="detail-tab-panel">
    <div class="tab-panel comment-block show">
        <div class='container'>
			<!--评论模版-->
			<div  class="fui-cell-group fui-comment-group" style="margin-top:0">
					<div ng-repeat="comment in pagedata.list" ng-if="pagedata.showpingjia==1 || $index<2" class="fui-cell" style="padding:0.1rem 0.5rem">
						<div class="fui-cell-text comment">
							<div class="info head" style="height:auto">
								<div class='img'><img ng-src="{{tomedia(comment.member.avatar) || '../core/resource/images/nopic.jpg'}}"/></div>
								<div class='nickname'>
									<div>{{comment.member.nickname}}</div>
									<div class="subtitle" style="line-height:1.4;font-size:0.6rem">{{comment.createtime}}</div>
								</div>
								<div class="star star1">
									<span ng-class="{'shine':comment.star >= 1}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':comment.star >= 2}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':comment.star >= 3}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':comment.star >= 4}"><i class="icon icon-shoucang-tianchong"></i></span>
									<span ng-class="{'shine':comment.star >= 5}"><i class="icon icon-shoucang-tianchong"></i></span>
								</div>
							</div>
							<div style="padding-left:1rem">
								<div ng-if="comment.goodstitle" class="remark syscolor">【商品】{{comment.goodstitle}}</div>
								<div ng-if="comment.content" class="remark">{{comment.content}}</div>
								<div ng-if="comment.images.length>0" class="remark img">
									<div ng-repeat="img in comment.images" class="img" style="position:relative">
										<img ng-if="img.indexOf('.mp4')===-1 && img.indexOf('.wmv')===-1 && img.indexOf('.flv')===-1 && img.indexOf('.rmvb')===-1 && img.indexOf('.mov')===-1 && img.indexOf('.avi')===-1" ng-click="pagedata.show_bigimage=true;pagedata.showimage=img" ng-src="{{tomedia(img)}}"/>
										<video ng-if="img.indexOf('.mp4')!==-1 || img.indexOf('.wmv')!==-1 || img.indexOf('.flv')!==-1  || img.indexOf('.rmvb')!==-1  || img.indexOf('.mov')!==-1 || img.indexOf('.avi')!==-1" style="height:3rem;background:#666;" ng-src="{{tomedia(img)}}">
										</video>
										<div ng-if="img.indexOf('.mp4')!==-1 || img.indexOf('.wmv')!==-1 || img.indexOf('.flv')!==-1  || img.indexOf('.rmvb')!==-1  || img.indexOf('.mov')!==-1 || img.indexOf('.avi')!==-1" class="playbtn" ng-click="pagedata.show_bigvideo=true;pagedata.showimage=img"><i class="icon icon-iconfontplay2" style="font-size:1rem;"></i></div>
									</div>
								</div>	
								<div class="options" style="padding:0.3rem;">
									<div class="fui-tag-red-o">{{comment.selespename ||'默认规格'}}</div>
								</div>	
								<div ng-if="comment.reply_content" class="reply-content" style="background:#EDEDED;">
									掌柜回复：{{comment.reply_content}}
									<div ng-if="comment.reply_images.length>0" class="remark img">
										<div ng-repeat="img in comment.reply_images" class="img"><img ng-click="pagedata.show_bigimage=true;pagedata.showimage=img" data-lazy="{{img}}" /></div>
									</div>
								</div>
								<div ng-if="comment.append_content && comment.replychecked==0" class="remark reply-title">用户追加评价</div>
								<div class="remark">{{comment.append_content}}</div>
								<div ng-if="comment.append_images.length>0" class="remark img">
									<div ng-repeat="img in comment.append_images" class="img"><img ng-click="pagedata.show_bigimage=true;pagedata.showimage=img" data-lazy="{{img}}" /></div>
								</div>
								
								<div ng-if="omment.append_reply_content" class="reply-content" style="background:#EDEDED;">
									掌柜回复：{{comment.append_reply_content}}
								   
									<div ng-if="comment.append_reply_images.length>0" class="remark img">
										<div ng-repeat="img in comment.append_reply_images" class="img"><img ng-click="pagedata.show_bigimage=true;pagedata.showimage=img" data-lazy="{{img}}" /></div>
									</div>
								</div>
							</div>
						</div>
					</div> 
			</div>
		<!--评价-->
		</div>
        <div class='infinite-loading' ng-if="pagedata.loading"><span class='fui-preloader'></span><span class='text'> 正在加载...</span></div>
    </div>
</div>
<!--图片放大-->
<div ng-if="pagedata.show_bigimage || pagedata.show_bigvideo"  class="popup">
	<div class="popup-body">
	<div class="popup-center">
		<div ng-if="pagedata.show_bigimage"  ng-click="pagedata.show_bigimage=false" class="image" style="border-radius: 2rem; height:18rem;background: url({{tomedia(pagedata.showimage)}}) no-repeat 50% 0;background-size:100%;background-position:center center">
		</div>
		<i ng-if="pagedata.show_bigvideo" class="closed icon icon-cuowu" ng-click="pagedata.show_bigvideo=false"></i>
		<div ng-if="pagedata.show_bigvideo" ng-click="pagedata.show_bigvideo=false" class="image" style="border-radius: 2rem;padding:0.5rem">
			<video style="width:100%" ng-src="{{tomedia(pagedata.showimage)}}" x5-playsinline="" playsinline="" webkit-playsinline="" preload="auto"  preload="auto" controls loop="loop"></video>
		</div>
	</div>
	</div>
</div>